{% include 'header.html' %}
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">试题列表</div>
          <div class="layui-card-body">
            <table id="demo" lay-filter="test"></table>
          </div>
        </div>
      </div>
    </div>
  </div>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="kaoshi">考试</a>
  <a class="layui-btn layui-btn-xs" lay-event="mustkaoshi">必须考试</a>
</script>
<script>
layui.use('table', function() {
	var table = layui.table;

	var cols;

	// 发起ajax请求
	$.ajax({
		url: '/common/cols?model={{model}}',
		method: 'GET',
		success: function(response) {
			// 将获取到的数据赋值给全局变量
			obj = JSON.parse(response)
			cols = [obj.data]
			console.log("===================================")
			console.log(cols); // 打印全局变量的值
			//第一个实例
			table.render({
				elem: '#demo',
				url: "listdata?model={{model}}&{{dataurl}}" //数据接口
				,
				page: true //开启分页
				,
				cols: cols
			});
		},
		error: function(error) {
			console.log(error);
		}
	});

	//工具条事件
	table.on('tool(test)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
		var data = obj.data; //获得当前行数据
		var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
		if (layEvent === 'kaoshi') { //编辑
			window.location.href = "/kaoshi?title=考试系统|考试&sid=" + data.sid + "&paper_type=" + data.paper_type
		} else if (layEvent === 'mustkaoshi') { //编辑
			window.location.href = "/mustkaoshi?title=考试系统|考试&sid=" + data.sid
		} else if (layEvent === 'LAYTABLE_TIPS') {
			layer.alert('Hi，头部工具栏扩展的右侧图标。');
		}
	});
});
  </script>
{% include 'footer.html' %}